@import '../../../../scss/image';
@import '../../../../scss/colors';

.login-form{
    width: 800px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin-top: -67px;
    h1{
        font-size: 30px;
        color: #fff;
        text-align: center;
        letter-spacing: 6px;
        line-height: 30px;
        margin-bottom: 50px;
        span{
            font-size: 14px;
            letter-spacing: 0px;
            margin-left: -6px;
        }
    }
}
.login-form-header{
    background: #2a6ab1;
    height: 100px;
    text-align: center;
    border-radius:8px 8px 0 0;
    overflow: hidden;
    position: relative;
    h3{
        color: #fff;
        font-size: 26px;
        font-family: 黑体;
        margin-bottom: 0;
        letter-spacing: 8px;
        margin-top: 18px;
    }
    p{
        font-size: 14px;
        color: #b0d1f5;
        letter-spacing: 0;
        padding-right: 8px;
    }
    &:before,&:after{
        content: "";
        width: 250px;
        height: 250px;
        background: #467ec1;
        border-radius: 50%;
    }
    &:before{
        position: absolute;
        left: -30px;
        top: 42px;
    }
    &:after{
        position: absolute;
        bottom: 15px;
        right: -60px;
    }
}
.login-form-body{
    background: #fff;
    display: flex;
    border-radius:0 0 8px 8px;
    input, button{
        height: 48px;
        width:100%;
    };
    button{font-size: 20px;};
    
    .login-form-forgot{float: right;};
    .login-logo{text-align: center;padding-bottom: 60px};
    .login-form-body-left{
        width: 50%;
        padding:80px 0 80px 20px;
        img{
            width: 70%;
        }
    }
    .form{
        width: 50%;
        padding:40px;
        box-sizing: border-box;
        input{
            height: 48px;
            width: 100%;
            border: none;
            background: #fff;
            border-bottom: 1px solid #ccc;
            outline: none;
            box-shadow: none;
            &:focus{
                box-shadow: none;
            }
        }
        .ant-btn{
            background: #467ec1;
            border-color: #467ec1;
            color:#fff;
            margin-top: 60px;
        }
    }
};
